// components/custom-checkbox/custom-checkbox.js
Component({
  options: {
    // styleIsolation 配置组件样式隔离
    /**
     * 默认情况下,自定义组件和组件使用者如果存在相同的类名, 则不会相互影响
     * apply-shared: 页面样式可以影响组件使用者,但是组件不会影响页面
     * shared会影响父组件样式,
     */
    styleIsolation: "shared"
  },
  /**
   * 组件的属性列表
   */
  properties: {
    // label: String
    label: {
      // 数据类型: String Number Boolean Object Array
      type: String,
      value: '31231'
    },
    position: {
      type: String
    }
  },

  /**
   * 组件的初始数据: 定义组件内部使用的数据
   */
  data: {
    isChecked: false
  },

  /**
   * 组件的方法列表
   */
  methods: {
    updateChecked() {
      this.setData({
        isChecked: !this.data.isChecked,
        label: '修改过后的值'
      })
    },
  }
})